<style>
	.table-pic a{
		margin-right:30px;
	}

	.table-pic a:nth-child(3n){
		margin-right:0px;
	}
</style>

<ul class="breadnav clearfix">
	<li class="bnav-item"><a href="index.html">首页</a></li>
	<li class="bnav-item">&lt;</li>
	<li class="bnav-item"><a ui-sref="shopList">美食系列</a></li>
</ul>
<div class="clearfix table-wrap" id="tab-span">
	<span ui-sref="shopList" class="table-item" ng-class="{'table-active':shop_check}">全部菜品</span>
	<span ng-repeat="item in shop_cate" ng-class="scate_id==item.scate_id?'table-active':''" ui-sref="shopCate({scate_id:item.scate_id})" class="table-item">{{item.scate_name}}</span>
	<div class="search clearfix">
		<input ng-model="shop_name" class="inp-txt" type="text" name="shop_name" ng-value="shop_name"
			   onfocus="if(this.value=='输入关键字'){this.value=''};this.style.color='black';"
			   onblur="if(this.value==''||this.value=='输入关键字'){this.value='输入关键字';this.style.color='gray';}" />
		<input ui-sref="shopName({shopName:shop_name})" class="inp-btn" type="button" value="搜索" />
	</div>
</div>
<div id="table-div">
	<div class="table-pic table-show clearfix">
		<a ng-repeat="item in shop_list" class="ms-wrap">
			<span class="ms-pic">
				<img src="{{item.shop_img}}" alt="{{item.shop_id}}" />
			</span>
			<h2 class="ms-tit">{{item.shop_name}}</h2>
			<p class="ms-txt">价格：{{item.shop_region}}元</p>
		</a>
	</div>

	<div style="text-align:center;">
		<ul uib-pagination total-items="totalItems" ng-model="currentPage" items-per-page="bigTotalItems" max-size="maxSize" ng-change="pageChanged()"></ul>
	</div>
</div>